<!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta charset="utf-8"/>
	<style>
		body{
			font-family: SimSun;
		}
		.invoice-container {
			max-width: 800px;
			margin: auto;
			padding: 20px;
			border: 1px solid #eee;
			box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
		}
		.header, .footer {
			text-align: center;
			margin-bottom: 20px;
		}
		.invoice-details, .supplier-info, .buyer-info, .items, .total {
			width: 100%;
			border-collapse: collapse;
			margin-bottom: 20px;
		}
		.invoice-details th, .supplier-info th, .buyer-info th, .items th, .total th,
		.invoice-details td, .supplier-info td, .buyer-info td, .items td, .total td {
			text-align: left;
			padding: 8px;
			border-bottom: 1px solid #ddd;
		}
		.total td {
			text-align: right;
		}
		.total tr:last-child {
			font-weight: bold;
		}
	</style>
</head>
<body>
<div class="invoice-container">
	<div class="header">
		<h2>${title}</h2>
		<p>${invoiceNumber}</p>
		<p>${date}</p>
	</div>
	<table class="supplier-info">
		<tr><th colspan="2">${GYSXinXi}</th></tr>
		<tr><td>${GYSMingCheng}</td><td>${supplierName}</td></tr>
		<tr><td>${GYSDiZhi}</td><td>${supplierAddress}</td></tr>
		<tr><td>${GYSLianXiFangShi}</td><td>${supplierPhoneNumber}</td></tr>
	</table>
	<table class="buyer-info">
		<tr><th colspan="2">${CGSXinXi}</th></tr>
		<tr><td>${CGSMingCheng}</td><td>${buyerName}</td></tr>
		<tr><td>${CGSDiZhi}</td><td>${buyerAddress}</td></tr>
		<tr><td>${CGSLianXiFangShi}</td><td>${buyerPhoneNumber}</td></tr>
	</table>
	<table class="items">
		<tr>
			<th>${ShangPinMingCheng}</th>
			<th>${ShuLiang}</th>
			<th>${DanJia}</th>
			<th>${ZongJi}</th>
		</tr>
		<tr>
			<td>${productName}</td>
			<td>${productNumber}</td>
			<td>${productPrice}</td>
			<td>${totalPriceGoods}</td>
		</tr>
	</table>
	<div class="footer">
		<p>${Thanks}</p>
	</div>
</div>
</body>
</html>
